<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<style>
	.user{
		position: absolute;
		margin: 0;
		right: 5px;
		margin-right: 5px; 
		margin-top: 105px; 
		color: #000000; 
		font-size: 15px; 
		font-weight: bold;
	}
	
	.backend-font{
		position: absolute; 
		margin-top: 65px; 
		margin-left: 5px; 
		color: #ffffff; 
		font-size: 12px; 
		font-weight: bold;
		text-shadow: 2px 2px 2px #000000;
	}
	
	#logout:hover{
		color: #4D4D4D;
	}
</style>

 <div class="header-box">
	<span class="backend-font">Backend for admin</span>
	<c:if test="${not empty USER}">
		<span class="user">${USER.titleName}${USER.fullname}<br>
			<span class="pointer-cursor" id="logout" data-toggle='modal' data-target='#logoutModal' >
				<span class="glyphicon glyphicon-log-out"></span> ออกจากระบบ
			</span>
		</span>
	</c:if>
           <img src="${pageContext.request.contextPath}/images/nhsofintrackbanner.png" style="height: 150px; width: 1024px"/>
</div>

<div class="loader"></div>


<!-- Modal -->
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<form action="${pageContext.request.contextPath}/backend/logout">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="myModalLabel">ออกจากระบบ?</h4>
				</div>
				<div class="modal-body">
					ยืนยันออกจากระบบ
				</div>
				<div class="modal-footer">
					<button type="submit" class="btn btn-primary">ตกลง</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">ปิด</button>
				</div>
			</div>
		</div>
	</form>
</div>	